<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="../js/vue.js"></script>
<!--    导入day.js的包-->
    <script src="../js/dayjs.min.js"></script>
</head>
<body>
  <div id="root">
      <h1>{{time | fmtTime('YYYY-MM-DD HH-mm-ss') | mySlice}}</h1>
  </div>


  <script>
    //定义一个全局 过滤器(名字 回调) 全局的 所有的vm实例都可以调用
    Vue.filter('mySlice',function (value) {
        return value.slice(0,4);
    });
    new Vue({
      el:'#root',
      data:{
          //时间戳为数值类型
        time:1759837447803,
      },
      //定义一个局部过滤器 time 会为这个方法的第一个参数(管道符号前的数据),第二个参数为传入的参数
      filters: {
         fmtTime(value,style) {
             return dayjs(value).format(style);
         }
      }
    })
  </script>
</body>
</html>